<template>
	<div id="homePage" >
		<div class="noprint">
		<Hearder></Hearder>
		<LeftNav></LeftNav>
		1
		<div class="contentArea" :style="contentStyle">
			<router-view />
		</div>
		</div>
	</div>
</template>

<script>
	import Hearder from "../components/common/Header.vue"
	import LeftNav from "../components/common/LeftNav.vue"

	export default {
		components: {
			Hearder,
			LeftNav
		},
		data (){
			return {
				tab0: true,
                tab1: true,
                tab2: true,
				contentStyle: {
					height:'',
					width:''
				}
			}
		},
		methods: {
            handleTabRemove (name) {
                this['tab' + name] = false;
            },
			getWidth() {
				console.log(1)
				this.contentStyle.width = window.innerWidth - 10 * 12 + 'px';
			},
			getHeight() {
				this.contentStyle.height = window.innerHeight - 3.75 * 12 + 'px';
			}
        },
		created() {
			this.getWidth()
			this.getHeight()
		}
	}
</script>

<style>
	#homePage {
		height: 100%;
		
	}
	.contentArea{
		float: left;
		margin: 1em;
	}
@media print{
   .noprint{
       display:none;
   }
   .print{
       display:block;
   }
}
</style>
